
<template>
  <div class="main-container">
    <p>以下为测试内容：</p>
    <h3>查询框 kt-vo-query</h3>
    <kt-vo-query-demo></kt-vo-query-demo>
    <h3>单选框 kt-vo-select</h3>
    <kt-vo-select-demo></kt-vo-select-demo>
    <h3>多选框 kt-vo-multiple-select</h3>
    <kt-vo-multiple-select-demo></kt-vo-multiple-select-demo>
    <h3>弹出框 kt-vo-dialog</h3>
    <kt-vo-dialog-demo></kt-vo-dialog-demo>
    <h3>界面架构 kt-vo-page</h3>
    <div class="vo-page-container">
      <kt-vo-page-demo></kt-vo-page-demo>
    </div>
  </div>
</template>

<script setup lang="ts">
import ktVoQueryDemo from './components/kt-vo-query-demo.vue'
import ktVoSelectDemo from './components/kt-vo-select-demo.vue'
import ktVoMultipleSelectDemo from './components/kt-vo-multiple-select-demo.vue'
import ktVoDialogDemo from './components/kt-vo-dialog-demo.vue'
import ktVoPageDemo from './components/kt-vo-page-demo.vue'

</script>

<style scoped>
.main-container {
  padding-bottom: 50px;
}
.vo-page-container {
  border: 1px solid #ccc;
  width: 1400px;
  height: 600px;
}
</style>
